// 小店大屏样式
.page-box {
    display: flex;
    justify-content: space-between;

    >div {
        width: 53.1rem;
        height: 94.8rem;
        padding: 2.5rem;
        position: absolute;
        z-index: 1001;
        overflow: hidden;
    }

    .flex-left {
        background: url("../images/layout/left.png") no-repeat 0 0;
        background-size: 100% 100%;
        left: 2rem;
    }

    .flex-right {
        background: url("../images/layout/right.png") no-repeat;
        background-size: 100% 100%;
        right: 2rem;
    }

    .flex-middle {
        width: 80.8rem;
        height: 35.5rem;
        left: 55.5rem;
        right: 55.5rem;
        bottom: 0;
        padding: 0;
        background: url("../images/layout/middle.png") no-repeat;
        padding: 2.5rem
    }

    .flex-middle-small {
        width: auto;
        height: auto;
        left: 55rem;
        right: 55rem;
        bottom: 0;
        padding: 0;

        display: flex;
        justify-content: space-around;

        >div {
            width: 39.8rem;
            height: 35.5rem;
            padding: 2.5rem;
            background: url("../images/layout/middle-small.png") no-repeat;
        }
    }
}

// 长子大屏样式
.zhangzi-page {
    display: flex;
    justify-content: space-between;
    
    
    .page-zbox {
        width: 50rem;
        height: calc(100vh - 10.9rem);
        position: absolute;
        z-index: 1001;
        // overflow-y: hidden;
        
        >div {
            width: 100%;
            padding: 21px 16px 16px 21px;
            background: url('../images/zhangzi/home/biankuang.png') no-repeat;
            background-size: 100% 100%;
        }
    }
    
    .page-left {
        left: 3rem;
        height: calc(100vh - 10.9rem);
        overflow-y: auto;

    }

    .page-right {
        position: absolute;
        right: 3rem;
        width: 50rem;
        height: calc(100vh - 10.9rem);
        overflow-y: auto;
        z-index: 1001;
     }
}